<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡斯基车务</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../css/common.css"/>
    <link rel="stylesheet" href="../../../css/yewuyuan/wode/yewuyuan_wode_historyDetails.css"/>
    <script type="text/javascript" src="../../../lib/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="../../../lib/underscore.js"></script>
    <script type="text/javascript" src="../../../lib/iscroll.js"></script>
    <script type="text/javascript" src="../../../lib/global.js"></script>
    <script type="text/javascript" src="../../../js/yewuyuan/wode/yewuyuan_wode_historyDetails.js"></script>
</head>
<body>
<div class="car_trial">
    <span class="font20 colorfff">车辆年检过审</span>
</div>
<div class="mainContainer">
    <div class="order_access" id="order_info">
        <script type="text/template">
            <div class="step_name">
                <span class="font14 color4e4 step"><%=taskName%>-<%=stepIndex%>.<%=stepName%></span>
                <span class="font12 color17d pick">已完成</span>
            </div>
            <div class="car_information">
                <span class="font12 color9a9 car1"><%=carPlateNum%></span>
                <span class="font12 color9a9 car2"><%=carColor%></span>
                <span class="font12 color9a9 car3"><%=carBrand%></span>
                <span class="font12 color796 car4"></span>
                <span class="font12 color796 car4">用时：</span>
            </div>
            <div class="car_information_1">
                <span class="font12 color9a9">发动机号：</span>
                <span class="font12 color9a9"><%=carEngineNum%></span>
                <span class="font12 color9a9 car6">车架号：</span>
                <span class="font12 color9a9"><%=carChassisNum%></span>
            </div>
        </script>
    </div>
    <div class="progress_list_1" id="progress_list_1">
        <script type="text/template">
            <div>
                <ul class="progress_list">
                    <%for(var i in data){%>
                    <%var item = data[i];%>
                    <li>
                        <div class="left_circle">
                            <div class="circle circle_3">
                                <span class="font20 colora29"><%=(++i)%></span>
                            </div>
                            <%if(i !== data.length){%>
                            <div class="moving_line"></div>
                            <%}%>
                        </div>
                        <div class="progress_content">
                            <span class="font14 color4e4"><%=item.stepName%></span>
                            <p class="font12 color4e4"><%=item.stepContent%></p>
                        </div>
                        <div class="user_information">
                            <%if(item.acceptor_name){%>
                            <span class="font12 colora29"><%=item.acceptor_name%></span>
                            <%}%>
                            <%if(item.acceptor_phone){%>
                            <a href="tel:<%=item.acceptor_phone%>" class="font12 colora29"><%=item.acceptor_phone%></a>
                            <%}%>
                        </div>
                        <div class="progress_status">
                            <span class="font12 colord8"><%=item.finishTime.slice(0,10)%></span>
                        </div>
                        <div class="progress_status_1">
                            <span class="font12 color796"><%=item.finishTime.slice(10)%></span>
                        </div>
                    </li>
                    <%}%>
                </ul>
            </div>
        </script>
    </div>
</div>
</body>
</html>
